/* CSS Document */
/***
 * uimaker
 * http://www.uimaker.com
 * e-mail: admin@uimaker.com
 * qq:32534386
 */ 
@import url(../font/iconfont.css);
@font-face {font-family: "fzzzh";src:url('../font/fzzzh.ttf') format('truetype');}/*注意：方正正中黑字体需要商用授权*/

html{overflow-x:hidden;}/*去横向滚动条*/
body{margin:0 auto;min-width:980px;font-family:"Microsoft YaHei","douyuFont","uimaker"!important}
img{border:0;}
dl,dt,dd,ul,li{margin:0;padding:0;display:block;}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:focus{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}


.um-loading { width: 32px; height: 32px; background: url("../images/loading.png"); background-size: 100% 100%; 
	-webkit-animation: circle 1s linear infinite; animation: circle 1s linear infinite; }
.um-loading.um-loading-max { width: 64px; height: 64px; }
.um-loading.um-loading-min { width: 16px; height: 16px; }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }


/*scrollbar*/
::-webkit-scrollbar-track-piece {background-color:#ebf2fb;-webkit-border-radius:0}
::-webkit-scrollbar {width:9px;height:9px}
::-webkit-scrollbar-thumb {height:50px;background-color:#bbcce3;-webkit-border-radius:6px;outline:2px solid #ebf2fb;outline-offset:-2px;border:2px solid #ebf2fb;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
::-webkit-scrollbar-thumb:hover {height:50px;background-color:#00d6e6;-webkit-border-radius:6px}

.um-body{padding: 20px; }
.um-card{background: #fff;box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 3%);border-radius:2px;}
.um-card-title{display: block; height: 50px; line-height: 50px;font-size: 16px;font-weight: bold; padding: 5px;}
.um-card-title span{display: block; float: left; height: 40px; line-height: 40px; width: 100%; border-bottom: solid 1px #ebeef5; padding: 0 18px;}
.um-card-box{padding: 20px;}
.um-more{position: absolute; right:28px;top:20px; display: block; color: #007bff;font-size: 14px;}
.um-more:hover{color: #2ddcd3;}



/*leftmenu*/
#LeftMenuDiv{background: #0d102c;}
.layout-panel-west .sidemenu-tree .tree-file{background:none;}
.layout-panel-west .sidemenu-tree .tree-folder{background:none;}
.layout-panel-west .panel-icon{line-height: 16px;}
.layout-panel-west .panel-body{border:none;}
.layout-panel-west .accordion{border-width: 0;}
.layout-panel-west .sidemenu-tree .tree-icon{color: #2ddcd3}
.layout-panel-west .panel-header{background: #171b3e;  height: 34px;border: none;}
.layout-panel-west .panel-title{color: #fff; padding-top: 4px; height: 20px; line-height: 20px; border-bottom:none;font-size: 14px;}
.layout-panel-west .layout-button-left::after{ background: none; content: "\e6a6"; color: #fff; font-weight:normal;}
.layout-expand-west .layout-button-right::after{ background: none; content: "\e6a1"; color: #fff;font-weight:normal; }
.layout-panel-west .layout-button-left,.layout-expand-west .layout-button-right{background: none;}
.layout-panel-west .panel-icon, .panel-tool{line-height: 16px; overflow: visible; color: #fff; }
.layout-expand-west{font-size:16px;background: #0d102c;}
.layout-expand-over{opacity: 0.95}
.layout-expand-west .panel-header, .layout-expand-west.panel-body{border:none;}
.layout-panel-west .panel-body{padding: 0;}
.layout-panel-west .panel-tool a:hover,.layout-expand-west .panel-tool a:hover{background:none;}
.layout-panel-west .panel-header, .layout-panel-west .panel-body{border-radius:0px;}
.layout-expand-west .panel-title{height: 20px; line-height: 20px; border-bottom:none;font-size: 14px;}
.layout-panel-west .sidemenu .tree-node-selected {border-right:none; border-left: solid 2px #2ddcd3; background: linear-gradient(90deg, #007bff 45%, #2ddcd3  100%);color: #fff;}
.layout-panel-west .sidemenu .panel-body{background: #0d102c; color: #fff;}
.layout-panel-west .sidemenu .accordion .accordion-header{background: #0d102c; border-bottom: solid 1px #20233d;}
.layout-panel-west .sidemenu .accordion-header .panel-title{color: #fff;font-weight: normal;}
.layout-panel-west .sidemenu .accordion .accordion-header .panel-icon{color:#2ddcd3; }
.layout-panel-west .sidemenu .tree-node-hover{background: #007bff; color: #2ddcd3;}
.layout-panel-west .sidemenu .accordion .accordion-collapse{background: transparent;}
.layout-panel-west .sidemenu .accordion-header .panel-tool{display: none;}
.layout-panel-west .sidemenu .accordion-header::after,
.layout-panel-west .sidemenu .tree-node-nonleaf::after{display: inline-block;vertical-align: top;border-style: solid;transform:rotate(45deg);width: 4px;height: 4px;
content: '';position:absolute;right: 10px;top: 50%;margin-top: -3px;border-width: 0 1px 1px 0;color: #2ddcd3;}
.layout-panel-west .sidemenu .accordion-header-selected::after{transform:rotate(-135deg);}
.layout-panel-west .sidemenu .tree-node-nonleaf::after{transform:rotate(-135deg);}
.layout-panel-west .sidemenu .tree-node-nonleaf-collapsed::after{transform:rotate(45deg);}
.layout-panel-west .sidemenu-collapsed .accordion-header::after{display: none;}
.layout-panel-west .sidemenu .tree-node{height: 50px; padding-top: 5px;}
.layout-panel-west .sidemenu .panel-header{height: 50px !important;}
.layout-panel-west .sidemenu .accordion-header .panel-title{/*margin-top: 5px;*/ }
.layout-panel-west .sidemenu .tree-file::after,
.layout-panel-west .sidemenu .tree-collapsed::after,
.layout-panel-west .sidemenu .tree-expanded::after,
.layout-panel-west .sidemenu .tree-folder::after{display: none;}
.layout-panel-west .sidemenu .tree-node-selected,
.layout-panel-west .sidemenu .tree-node:hover{border-radius: 0px;}
.layout-panel-west .sidemenu .tree-node{line-height: 18px;}
.layout-panel-west .sidemenu .tree-file{height: 18px; line-height: 18px;}
.layout-panel-west .sidemenu .accordion-collapse::after{ content: ""; }
.layout-panel-west .sidemenu .accordion-expand::after{ content: ""; }
.layout-panel-west .layout-body .panel-header{ background: #f5f7fa;}
.layout-panel-west .layout-body .accordion .panel-title{line-height: 24px; height: 24px;color: #000; padding-top: 0;}
.layout-panel-west .layout-body .accordion-header-selected .panel-title{color: #007bff}
.layout-panel-west .layout-body .panel-icon{color: #444;}
.layout-panel-west .sidemenu .accordion .panel-title{color: #fff;line-height: 40px; height: 40px;}


/*mainTab*/
#mainTab .tabs .tabs-icon {font-weight: normal;}
#mainTab .tabs li.tabs-selected .tabs-inner {background: #ebf2fb;border-bottom: solid 1px #ebf2fb; color:#007bff;border-radius: 3px 3px 0 0; }
#mainTab .tabs{border-color:#e1e9f3 }
#mainTab .tabs li .tabs-inner{border-color:#e1e9f3 }
#mainTab .tabs li .tabs-inner:hover{background: #ebf2fb;}
#mainTab .tabs-panels .panel-body{background: #ebf2fb;}
.layout-panel-center .panel-body{padding: 0;}
#mainTab .tabs-header{border-color:#fff; padding-top: 2px; background: #fff;}

/*header*/
.layout-panel-north .panel-body{background:linear-gradient(120deg, #007bff 60%, #2ddcd3  100%); height: 60px;}
.layout-panel-north .uimaker{color:#fff;font-size:32px;}
.layout-panel-north .panel-body{box-shadow:none;}
.layout-panel-north .panel-header, .layout-panel-north .panel-body{border-radius:0px; padding: 0;}
.um-logo{height:60px; line-height:60px; padding-left:20px;  float:left;}
.um-system{color:#fff;font-weight:normal;float:left; padding-left:6px;padding-top:19px;
	font-size: 22px;	
	font-family: "fzzzh","Microsoft YaHei"; 
	background-image: -webkit-gradient(linear, 80% center, 40% center, from(#2ffffd), to(#ffffff)); /* 背景色渐变 */
	-webkit-background-clip: text;  /* 规定背景的划分区域 */
	-webkit-text-fill-color: transparent;/* 防止字体颜色覆盖 */}
.um-nav{list-style: none; display: block;float: left; padding-left: 10px;}
.um-nav li{display: block; float: left;font-size:14px; color: #fff; height: 60px; line-height: 60px; }
.um-nav li a{color:#fff; display: block;padding: 0 15px; height: 60px;}
.um-nav li a:hover{color:#2ddcd3; background: #0460dd;}
.um-nav .uimaker{font-size: 22px;padding-right: 8px;}
.um-nav-select{border-bottom:solid 2px #2ddcd3;background: #0460dd; height: 60px;}
.um-info{float:right; list-style: none;}
.um-info li{float:left; margin-right:25px; line-height: 60px; height: 60px;}
.um-info li .uimaker{font-size:22px;color:#fff; }
.um-info li .uimaker:hover{color:#2ddcd3; }
.um-face{height: 40px; margin-top: 10px}
.um-face img{border-radius: 50%; width: 40px; height: 40px;}
.um-face img:hover{filter: opacity(80%)}
.um-uldown .l-btn{background:none;border:none; padding: 0; height: 60px; line-height: 60px; border-radius: 0; }
.um-uldown .l-btn:hover{background: none;padding: 0;}
.um-uldown .m-btn-downarrow{display: none;}
.um-uldown .l-btn-left{width: 50px;}
.um-userinfo a{color: #444}
.um-userinfo a:hover{color: #007bff}
.um-skindown .l-btn{background:none;border:none; padding: 0; height: 60px; line-height: 60px; border-radius: 0; }
.um-skindown .l-btn:hover{background: none;padding: 0;}
.um-skindown .m-btn-downarrow{display: none;}
.um-skindown .l-btn-left{width: 28px;}
.um-skindown .l-btn-left .l-btn-text{line-height:60px; height: 60px;}

/*换肤*/
.um-skinlist li{width:20px; height:20px;float:left;margin-right:5px;margin-bottom:5px;}
.um-skinlist li a{width:20px; height:20px;padding:0; margin:0; display: block;}
.blue{background:#007bff;}
.um-skinlist li a.blue:hover{background:#007bff;filter:alpha(opacity=8);-moz-opacity:0.80; opacity:0.80;}
.lightblue{background:#00d6e6;}
.um-skinlist li a.lightblue:hover{background:#00d6e6;filter:alpha(opacity=8);-moz-opacity:0.80; opacity:0.80;}
.red{background:#ff382b;}
.um-skinlist li a.red:hover{background:#ff382b;filter:alpha(opacity=8);-moz-opacity:0.80; opacity:0.80;}
.green{background:#00e682;}
.um-skinlist li a.green:hover{background:#00e682;filter:alpha(opacity=8);-moz-opacity:0.80; opacity:0.80;}
.orange{background:#ffa22b;}
.um-skinlist li a.orange:hover{background:#ffa22b;filter:alpha(opacity=8);-moz-opacity:0.80; opacity:0.80;}
.purple{background:#604dd8;}
.um-skinlist li a.purple:hover{background:#604dd8;filter:alpha(opacity=8);-moz-opacity:0.80; opacity:0.80;}


/*default*/
.um-tb{width: 45px; height: 45px; border-radius: 45px; line-height: 45px;text-align: center; float: left;}
.um-tb i{color:#fff; font-size:20px; line-height: 45px;}
.um-tb:hover{filter: opacity(80%)}
.um-font{float: left; padding-left: 15px;font-size: 14px;}
.um-font span{font-size: 22px;}
.um-font em{font-style: normal; color: #909399;}
.um-c1{background: #007bff;}
.um-c2{background: #00d6e6;}
.um-c3{background: #ff382b;}
.um-c4{background: #00e682;}
.um-c5{background: #ffa22b;}
.um-c6{background: #604dd8;}
.um-c7{background: #ff2b88;}
.um-ul{display: block; margin: 0; padding: 0;list-style: none;}
.um-ul li{line-height: 30px; height: 30px;}
.um-ul li a{color: #606266;font-size: 14px;}
.um-ul li a:hover{color:#007bff;}
.um-ul li i{font-size: 8px; padding-right: 8px;}
.um-ul li em{display: block;float: right;font-size: 14px; font-style: normal;color: #909399}


/*----easyui组件样式修改-------------------------------------------------*/




/*drawer*/
.window-proxy-mask, .window-mask{ background: #0d102c;}
.drawer.window-shadow{box-shadow:0 4px 12px #8a8d9b;}

/*panel*/
.panel{overflow: visible;}
.panel-header{border-width: 0px; border-bottom: solid 1px #ebeef5;}
.panel-title{color: #303133;font-size: 16px; height: 40px; line-height: 40px; padding:0 18px; }
.panel-body{ border-width: 0px; box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 3%);border-radius:2px;overflow: hidden;}
.panel-footer{border:none; border-top: solid 1px #ebeef5;}




/*tabs*/

.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li .tabs-inner, .tabs li.tabs-selected .tabs-inner, .tabs-header-bottom .tabs li.tabs-selected .tabs-inner, .tabs-header-left .tabs li.tabs-selected .tabs-inner, .tabs-header-right .tabs li.tabs-selected .tabs-inner{border-color:#dce0e7}
.tabs-icon{line-height: 16px;}







/*calendar*/
.calendar{border-width:0;}
.calendar-dtable tbody tr td{border-bottom: solid 1px #ebeef5;border-right: solid 1px #ebeef5; }
.calendar-dtable tbody tr td:first-child{border-left: solid 1px #ebeef5;}
.calendar-dtable tbody tr:first-child td{border-top:solid 1px #ebeef5;}
.calendar-other-month{opacity:1; color: #c0c4cc;}
.calendar-body th, .calendar-menu-month{font-weight:normal; color: #606266}
.calendar-saturday{color: #c0c4cc;}
.calendar-sunday{color: #c0c4cc;}
.calendar-selected{background-color: #007bff;color: #fff;border: 0px solid #99cdff;padding: 0;}
.calendar-mtable  tr td{border-bottom: solid 1px #ebeef5;border-right: solid 1px #ebeef5; }
.calendar-mtable  tr td:first-child{border-left: solid 1px #ebeef5;}
.calendar-mtable  tr:first-child td{border-top:solid 1px #ebeef5;}
.calendar-hover,.calendar-nav-hover,.calendar-menu-hover {background-color: #ebf2fb;color: #007bff;}
.calendar-title span{color:#007bff;font-size: 16px; font-weight: bold;}







/*-----以下内容为layui布局样式(用法参考layui文档)-------------------------------------------*/

.layui-container {position: relative;margin: 0 auto;box-sizing: border-box}
.layui-fluid {position: relative;margin: 0 auto;padding: 0 15px}
.layui-row:after, .layui-row:before {content: "";display: block;clear: both}

.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {position: relative;display: block;box-sizing: border-box}
.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {float: left}
.layui-col-xs1 {width: 8.33333333%}
.layui-col-xs2 {width: 16.66666667%}
.layui-col-xs3 {width: 25%}
.layui-col-xs4 {width: 33.33333333%}
.layui-col-xs5 {width: 41.66666667%}
.layui-col-xs6 {width: 50%}
.layui-col-xs7 {width: 58.33333333%}
.layui-col-xs8 {width: 66.66666667%}
.layui-col-xs9 {width: 75%}
.layui-col-xs10 {width: 83.33333333%}
.layui-col-xs11 {width: 91.66666667%}
.layui-col-xs12 {width: 100%}
.layui-col-xs-offset1 {margin-left: 8.33333333%}
.layui-col-xs-offset2 {margin-left: 16.66666667%}
.layui-col-xs-offset3 {margin-left: 25%}
.layui-col-xs-offset4 {margin-left: 33.33333333%}
.layui-col-xs-offset5 {margin-left: 41.66666667%}
.layui-col-xs-offset6 {margin-left: 50%}
.layui-col-xs-offset7 {margin-left: 58.33333333%}
.layui-col-xs-offset8 {margin-left: 66.66666667%}
.layui-col-xs-offset9 {margin-left: 75%}
.layui-col-xs-offset10 {margin-left: 83.33333333%}
.layui-col-xs-offset11 {margin-left: 91.66666667%}
.layui-col-xs-offset12 {margin-left: 100%}

@media screen and (max-width:767.98px) {
.layui-container {padding: 0 15px}
.layui-hide-xs {display: none!important}
.layui-show-xs-block {display: block!important}
.layui-show-xs-inline {display: inline!important}
.layui-show-xs-inline-block {display: inline-block!important}
}

@media screen and (min-width:768px) {
.layui-container {width: 720px}
.layui-hide-sm {display: none!important}
.layui-show-sm-block {display: block!important}
.layui-show-sm-inline {display: inline!important}
.layui-show-sm-inline-block {display: inline-block!important}	
.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {float: left}	
.layui-col-sm1 {width: 8.33333333%}
.layui-col-sm2 {width: 16.66666667%}
.layui-col-sm3 {width: 25%}
.layui-col-sm4 {width: 33.33333333%}
.layui-col-sm5 {width: 41.66666667%}
.layui-col-sm6 {width: 50%}
.layui-col-sm7 {width: 58.33333333%}
.layui-col-sm8 {width: 66.66666667%}
.layui-col-sm9 {width: 75%}
.layui-col-sm10 {width: 83.33333333%}
.layui-col-sm11 {width: 91.66666667%}
.layui-col-sm12 {width: 100%}
.layui-col-sm-offset1 {margin-left: 8.33333333%}
.layui-col-sm-offset2 {margin-left: 16.66666667%}
.layui-col-sm-offset3 {margin-left: 25%}
.layui-col-sm-offset4 {margin-left: 33.33333333%}
.layui-col-sm-offset5 {margin-left: 41.66666667%}
.layui-col-sm-offset6 {margin-left: 50%}
.layui-col-sm-offset7 {margin-left: 58.33333333%}
.layui-col-sm-offset8 {margin-left: 66.66666667%}
.layui-col-sm-offset9 {margin-left: 75%}
.layui-col-sm-offset10 {margin-left: 83.33333333%}
.layui-col-sm-offset11 {margin-left: 91.66666667%}
.layui-col-sm-offset12 {margin-left: 100%}
}

@media screen and (min-width:992px) {
.layui-container {width: 960px}
.layui-hide-md {display: none!important}
.layui-show-md-block {display: block!important}
.layui-show-md-inline {display: inline!important}
.layui-show-md-inline-block {display: inline-block!important}	
.layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 {float: left}	
.layui-col-md1 {width: 8.33333333%}
.layui-col-md2 {width: 16.66666667%}
.layui-col-md3 {width: 25%}
.layui-col-md4 {width: 33.33333333%}
.layui-col-md5 {width: 41.66666667%}
.layui-col-md6 {width: 50%}
.layui-col-md7 {width: 58.33333333%}
.layui-col-md8 {width: 66.66666667%}
.layui-col-md9 {width: 75%}
.layui-col-md10 {width: 83.33333333%}
.layui-col-md11 {width: 91.66666667%}
.layui-col-md12 {width: 100%}
.layui-col-md-offset1 {margin-left: 8.33333333%}
.layui-col-md-offset2 {margin-left: 16.66666667%}
.layui-col-md-offset3 {margin-left: 25%}
.layui-col-md-offset4 {margin-left: 33.33333333%}
.layui-col-md-offset5 {margin-left: 41.66666667%}
.layui-col-md-offset6 {margin-left: 50%}
.layui-col-md-offset7 {margin-left: 58.33333333%}
.layui-col-md-offset8 {margin-left: 66.66666667%}
.layui-col-md-offset9 {margin-left: 75%}
.layui-col-md-offset10 {margin-left: 83.33333333%}
.layui-col-md-offset11 {margin-left: 91.66666667%}
.layui-col-md-offset12 {margin-left: 100%}
}


@media screen and (min-width:1200px) {
.layui-container {width: 1150px}
.layui-hide-lg {display: none!important}
.layui-show-lg-block {display: block!important}
.layui-show-lg-inline {display: inline!important}
.layui-show-lg-inline-block {display: inline-block!important}	
.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {float: left}	
.layui-col-lg1 {width: 8.33333333%}
.layui-col-lg2 {width: 16.66666667%}
.layui-col-lg3 {width: 25%}
.layui-col-lg4 {width: 33.33333333%}
.layui-col-lg5 {width: 41.66666667%}
.layui-col-lg6 {width: 50%}
.layui-col-lg7 {width: 58.33333333%}
.layui-col-lg8 {width: 66.66666667%}
.layui-col-lg9 {width: 75%}
.layui-col-lg10 {width: 83.33333333%}
.layui-col-lg11 {width: 91.66666667%}
.layui-col-lg12 {width: 100%}
.layui-col-lg-offset1 {margin-left: 8.33333333%}
.layui-col-lg-offset2 {margin-left: 16.66666667%}
.layui-col-lg-offset3 {margin-left: 25%}
.layui-col-lg-offset4 {margin-left: 33.33333333%}
.layui-col-lg-offset5 {margin-left: 41.66666667%}
.layui-col-lg-offset6 {margin-left: 50%}
.layui-col-lg-offset7 {margin-left: 58.33333333%}
.layui-col-lg-offset8 {margin-left: 66.66666667%}
.layui-col-lg-offset9 {margin-left: 75%}
.layui-col-lg-offset10 {margin-left: 83.33333333%}
.layui-col-lg-offset11 {margin-left: 91.66666667%}
.layui-col-lg-offset12 {margin-left: 100%}	
}

.layui-col-space1 {margin: -.5px}
.layui-col-space1>* {padding: .5px}
.layui-col-space2 {margin: -1px}
.layui-col-space2>* {padding: 1px}
.layui-col-space4 {margin: -2px}
.layui-col-space4>* {padding: 2px}
.layui-col-space5 {margin: -2.5px}
.layui-col-space5>* {padding: 2.5px}
.layui-col-space6 {margin: -3px}
.layui-col-space6>* {padding: 3px}
.layui-col-space8 {margin: -4px}
.layui-col-space8>* {padding: 4px}
.layui-col-space10 {margin: -5px}
.layui-col-space10>* {padding: 5px}
.layui-col-space12 {margin: -6px}
.layui-col-space12>* {padding: 6px}
.layui-col-space14 {margin: -7px}
.layui-col-space14>* {padding: 7px}
.layui-col-space15 {margin: -7.5px}
.layui-col-space15>* {padding: 7.5px}
.layui-col-space16 {margin: -8px}
.layui-col-space16>* {padding: 8px}
.layui-col-space18 {margin: -9px}
.layui-col-space18>* {padding: 9px}
.layui-col-space20 {margin: -10px}
.layui-col-space20>* {padding: 10px}
.layui-col-space22 {margin: -11px}
.layui-col-space22>* {padding: 11px}
.layui-col-space24 {margin: -12px}
.layui-col-space24>* {padding: 12px}
.layui-col-space25 {margin: -12.5px}
.layui-col-space25>* {padding: 12.5px}
.layui-col-space26 {margin: -13px}
.layui-col-space26>* {padding: 13px}
.layui-col-space28 {margin: -14px}
.layui-col-space28>* {padding: 14px}
.layui-col-space30 {margin: -15px}
.layui-col-space30>* {padding: 15px}